
@mixin clearfix {
	&:before,&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
	*zoom: 1;
}
@mixin dib($align: middle) {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow:hidden;
	vertical-align: $align;
}

@mixin rgba($color: #fff, $alpha: .6) {
	$rgba: rgba($color, $alpha);
	$ie-hex-str: ie-hex-str($rgba);
	background: $rgba;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str});
  zoom: 1;
}
@mixin rgba-gradient {
	/* autoprefixer: off */
	$s: rgba(#fff, 0);
	$e: rgba(#f6f6f6, 1);
	background: linear-gradient(top, $s 10%, $e 100%);
	background: -webkit-linear-gradient(top, $s 10%, $e 100%);
	background:     -ms-linear-gradient(top, $s 10%, $e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#{ie-hex-str($s)}', endColorstr='#{ie-hex-str($e)}');
}
@mixin link($c, $h:$c) {
	color: $c;
	&:hover {
		color: $h
	}
}
%font-icon {
	font-family: 'sans-serif';
	-webkit-font-smoothing: antialiased;
}